@charset "utf-8";
@import "reset.scss";
@import "common.scss";
@import "lunbo.scss";
$fs:64px;

html{
    font-size: $fs;
}
@function r($px){
    @return $px/$fs*1rem
}
.web{
    width: r(640px);
    section{
        width: 100%;
        height: 100%;
        background: #f5f5f5;
        padding-top: r(26px);
        padding-bottom: r(180px);
        .xueya{
            width: 100%;
            background: #ffffff;
            padding-top: r(27px);
            margin-bottom: r(26px);
            .text{
                width: r(580px);
//              font-size: r(24px);
                color: #323232;
                margin: 0 auto;
//              margin-top: r(26px);
                border-bottom: r(1px) solid #e2e2e2;
                >a{
                    width: r(68px);
                    height: r(68px);
                    display: inline-block;
                    img{
                        width: 100%;
                        border-radius:50% ;
                    }
                }
                .ziliao{
                   p:nth-of-type(1){
                    font-size: r(26px);
                    color: #c5c5c5;
                    margin-top: r(6px);
                    }
                    p:nth-of-type(2){
                        font-size: r(22px);
                    }
                }
                .button{
                    width: r(228px);
                    height: r(58px);
                    background: #b20000;
                    line-height: r(58px);
                    text-align: center;
                    >a{
                        background: url(../img/jiant.png) no-repeat 80%;
                        width: 100%;
                        font-size: r(28.12px);
                        color: #ffffff;
                        display: block;
                        background-size:r(28px) ;
                        span{
                            margin-right: r(48px);
                        }
                    }
                }
                .yingyong{
                    width: 100%;
//                  margin-top: r(14px);
                    font-size: r(12px);
                    display: flow-root;
                    p:nth-of-type(1){
                        font-size: r(24.86px);
                        margin-left: r(8px);
                    }
                    p:nth-of-type(2){
                        font-size: r(16px);
                        margin-right: r(8px);
                        line-height: r(40px);
                    }
                }
            }
            hr{
                width: r(580px);
                border: none;
                height: r(1px);
                margin-top: 0;
                margin-bottom: r(17px);
            }
            .photo{
                width: r(580px);
                margin: 0 auto;
                img{
                    width: 100%;
                }
            }
        }
        br{
            height: r(26px);
        }
    }
}
